<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>管理后台</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- Bootstrap 3.3.4 -->
    <link href="/Public/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <!-- FontAwesome 4.3.0 -->
    <link href="/Public/bootstrap/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <!-- Ionicons 2.0.0 --
    <link href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css" rel="stylesheet" type="text/css" />
    <!-- Theme style -->
    <link href="/Public/dist/css/AdminLTE.min.css" rel="stylesheet" type="text/css"/>
    <!-- AdminLTE Skins. Choose a skin from the css/skins
    	folder instead of downloading all of them to reduce the load. -->
    <link href="/Public/dist/css/skins/_all-skins.min.css" rel="stylesheet" type="text/css"/>
    <!-- iCheck -->
    <link href="/Public/plugins/iCheck/flat/blue.css" rel="stylesheet" type="text/css"/>
    <!-- jQuery 2.1.4 -->


</head>
<body style="background-color:#ecf0f5;">


<title>Bootstrap树形菜单JS代码特效 - JS代码网</title>
<!--图标样式-->
<link rel="stylesheet" type="text/css" href="/Public/bootstrap/css/bootstrap.min.css"/>
<!--主要样式-->
<link rel="stylesheet" type="text/css" href="/Public/bootstrap/css/style.css"/>

<style type="text/css">
    [class^="icon-"], [class*=" icon-"] {
        display: inline-block;
        width: 14px;
        height: 14px;
        margin-top: 1px;
        line-height: 14px;
        vertical-align: text-top;
        background-image: url("/Public/bootstrap//img/glyphicons-halflings.png");
        background-position: 14px 14px;
        background-repeat: no-repeat;
    }

    .icon-folder-open {
        width: 16px;
        background-position: -408px -120px;
    }

    .icon-minus-sign {
        background-position: -24px -96px;
    }

    .icon-plus-sign {
        background-position: 0 -96px;
    }

    .icon-leaf {
        background-position: -48px -120px;
    }

    .tree li:last-child::before {
        height: 25px;
    }

</style>
<div class="wrapper">
    <div class="breadcrumbs" id="breadcrumbs">
        <ol class="breadcrumb">
            <li><a href="javascript:void();"><i class="fa fa-home"></i>&nbsp;&nbsp;后台首页</a></li>

            <li><a href="javascript:void();"></a></li>
        </ol>
    </div>

    <section class="content">
        <div class="row">

            <div class="col-xs-12">
                <div class="box">
                    <span>直推人数：{$id|get_share_num}</span>

                    <div class="box-body">
                        <div class="tree well">
                            <ul>
                                <!--{foreach $list as $key=>$vo}-->
                                <li>
									<span class="tree_span" data-id="{$vo.id}">
                                    	<i class="icon-folder-open"></i>


	                                        {$vo.nickname}  {if $vo.share>0 }直推人数:{$vo.share}{/if}
                                        会员状态：
                    {if $vo.status eq 0}
                    <span class="color-red">未激活</span>
                    {elseif $vo.status eq 1}
                    <span class="color-blue">正常</span>

                    {elseif $vo.status eq 99}
                    <span class="color-red">永久封号</span>
                    {/if}


                                    </span>
                                </li>
                                <!--{/foreach}-->    </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>

<script>

    //  ajax 请求树下面的节点
    $('.tree').on('click', '.tree_span', function () {

        tmp_span = $(this);
        tmp_span.siblings('ul').toggle();
        if (tmp_span.hasClass('requrst'))
            return false;


        $.ajax({
            type: "get",
            url: "/admin/member/ajax_lower.html?id=" + tmp_span.data('id'),//+tab,
            //data : $('#'+form).serialize(),// 你的formid
            success: function (data) {
                tmp_span.after(data);
                tmp_span.addClass('requrst'); // 表示ajax 请求过了 不再请求第二次
            }
        });

    });
</script>
</body>
</html>